<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>影院</title>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="../css/rerset.css">
    <link rel="stylesheet" href="../css/font/iconfont.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/cinema.css">
    <style>
        html,
        body,
        flex-box {
            width: 100%;
        }
        
        .flex-box {
            flex-direction: column;
            justify-content: space-between;
        }
    </style>
</head>

<body>
    <div class="flex-box">
        <header class="fixed">
            <div class="city flex jc-sb bg-fff bd-gray titl bd-gray"><a href="#/city" class="ml-10"><span class="f14">城市</span><span class="icon iconfont f12"></span></a>
                <p class="f16 mr-20">影院</p><span class="icon iconfont mr-10 f24"></span></div>
            <div class="flex jc-sa titl bd-gray bg-fff">
                <p onclick="cinema.showArea()"><span class="f14">全城</span><span class="icon iconfont f12"></span></p>
                <p><span class="f14">最近去过</span><span class="icon iconfont f12"></span></p>
            </div>
            <ul id="area" class="bg-fff flex list pt-10 pb-10 dsn">
                <li onclick="cinema.selectArea();" class="item fcc f12"><span class="text active">全部</span></li>
                <li onclick="cinema.selectArea();" class="item fcc f12"><span class="text">福田区</span></li>
                <li onclick="cinema.selectArea();" class="item fcc f12"><span class="text">南山区</span></li>
                <li onclick="cinema.selectArea();" class="item fcc f12"><span class="text">龙华区</span></li>
                <li onclick="cinema.selectArea();" class="item fcc f12"><span class="text">龙岗区</span></li>
                <li onclick="cinema.selectArea();" class="item fcc f12"><span class="text">宝安区</span></li>
                <li onclick="cinema.selectArea();" class="item fcc f12"><span class="text">罗湖区</span></li>
                <li onclick="cinema.selectArea();" class="item fcc f12"><span class="text">盐田区</span></li>
                <li onclick="cinema.selectArea();" class="item fcc f12"><span class="text">坪山区</span></li>
            </ul>
        </header>

        <div class="mt-60" id="list">
            <!-- 影院列表 -->
            <!-- <div class="lists bd-gray bg-fff">
            <p class="flex jc-sb">
                <span class="f15">英皇电影城（东海缤纷店）</span>
                <span class="f12 yellow">&yen;69起</span>
            </p>
            <p class="flex jc-sb mt-10">
                <span class="f12 gray">东海国际中心二期B区101之B1002号商铺</span>
                <span class="f12 gray">距离未知</span>
            </p>
        </div>  -->
        </div>
        <div style="height:80px;"></div>
    </div>


    <!-- 底部 -->
    <footer class="pt-60 footer fixed bott0" style="width: 100%;">
        <div class="flex jc-sa w100pc bg-fff aic footer">
            <div>
                <a href="../html/home.html" class="flex2 aic f14 gray">
                    <span class="icon iconfont">&#xe68b;</span>
                    <p class="mt-3">电影</p>
                </a>
            </div>
            <div>
                <a href="../html/cinema.html" class="flex2 aic f14 yellow ">
                    <span class="icon iconfont">&#xe61e;</span>
                    <p class="mt-3">影院</p>
                </a>
            </div>
            <div>
                <a href="../html/group.html" class="flex2 aic f14 gray">
                    <span class="icon iconfont">&#xe617;</span>
                    <p class="mt-3">特惠</p>
                </a>
            </div>
            <div>
                <a href="../html/personal.html" class="flex2 aic f14 gray">
                    <span class="icon iconfont">&#xe62c;</span>
                    <p class="mt-3">我的</p>
                </a>
            </div>
        </div>
    </footer>
    <script src="../js/jQuery.js"></script>
    <script src="../js/cinema.js"></script>
</body>

</html>